<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>过滤器选择器</title>
</head>
<body>
<div>div1</div>
<div id="div2">div2</div>
<div>div3</div>
<div>div4</div>
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    // 1.首元素选择器	$("A:first");
    let div1 = $("div:first");
  //  alert(div1.html());
    // 2.尾元素选择器	$("A:last");
    let div2 = $("div:last");
 //   alert(div2.html());
    // 3.非元素选择器	$("A:not(B)");
    let div3 = $("div:not(#div2)");
  //  alert(div3.length);
    // 4.偶数选择器	    $("A:even")就是获取所有的指定特征的元素组成数组，获取索引为偶数的元素，奇数选择器自行领悟$("A:odd");
    let div4 = $("div:even");
   /* alert(div4.length);
    alert(div4[0].innerHTML);
    alert(div4[1].innerHTML);*/
    //  6.等于索引选择器	 $("A:eq(index)"),大小于自行领悟        大于$("A:gt(index)");小于$("A:lt(index)");;
    let div5 = $("div:eq(2)");
    alert(div5.length);
    alert(div5[0].innerHTML);
</script>
</html>